<template>
	<div class="error-404-page">
		<div class="pic">
			<img class="img" src="@/assets/404_images/404.png" alt="404">
		</div>
		<div class="txt">
			<div class="tip">未找到该页面！</div>
			<div class="btn">
				<el-button type="primary" @click="$router.push('/')">返回首页</el-button>
				<div><el-link type="primary" class="link" @click="$router.back(-1)">返回上一页</el-link></div>
			</div>
		</div>
	</div>
</template>

<style lang="scss" scoped>
	.error-404-page {
		width: 1000px;
		margin: 120px auto;
		
		.pic {
			float: left;
			width: 600px;
			.img {
				width: 100%;
			}
		}
		
		.txt {
			float: left;
			.tip {
				margin-top: 100px;
				font-size: 20px;
			}
			.btn {
				margin-top: 30px;
				text-align: center;
			}
			.link {
				margin-top: 25px;
			}
		}
		
	}
</style>
